@charset "utf-8";

/*reset css*/
html,body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

/*flow*/
.pointer {
    cursor:pointer!important;
}
.wrap {
    word-break:break-all;
    word-wrap:break-word;
}
a {
    text-decoration: none;
    color:#333;
}
a:hover {
    text-decoration: underline;
    color:#08a4df;
}

/*float/display/ap*/
.fl {
    float:left;
}
.fr {
    float:right;
}
.clr {
    clear:both!important;
}
.clear {
    overflow:auto;
    zoom:1;
}
.clear-hidden{
    overflow:hidden;
    zoom:1;
}
.zoom1{
    zoom:1;
}

.display-none, .dn {
    display:none;
}
.display-block, .db {
    display:block;
}
.display-inline, .di {
    display:inline;
}
.display-inline-block, .dib {
    display:inline-block;
}

.visibility-hidden, .vh {
    visibility:hidden;
}
.visibility-collapse, .vc {
    visibility:collapse;
}
.visibility-visible, .vv {
    visibility:visible;
}


.overflow-hidden, .oh {
    overflow:hidden!important;
}
.overflow-scroll, .os {
    overflow:scroll!important;
}
.overflow-auto, .oa {
    overflow:auto!important;
}

.ap {
    position:relative;
}
.ap5 {
    position:relative;
    z-index:5;
}
.ap10 {
    position:relative;
    z-index:10;
}
.ab {
    position:absolute;
}
.ab5 {
    position:absolute;
    z-index:5;
}
.ab10 {
    position:absolute;
    z-index:10;
}

/*test*/
.border-0{
    border:0!important;
}
.border-red {
    border:1px solid #f00;
}
.border-ccc {
    border:1px solid #ccc;
}
.outline-red {
    outline:1px solid #f00;
}
.outline-ccc {
    outline:1px solid #f00;
}

/*font*/
.tc {
    text-align:center!important;
}
.tl {
    text-align:left!important;
}
.tr {
    text-align:right!important;
}

.vt {
    vertical-align:top!important;
}
.vm {
    vertical-align:middle!important;
}
.vb {
    vertical-align:bottom!important;
}

.f12 {
    font-size:12px!important;
}
.f14 {
    font-size:14px!important;
}
.f16 {
    font-size:16px!important;
}

.em1 {
    text-indent:1em;
}
.em2 {
    text-indent:2em;
}

.bold{
    font-weight:bold!important;
}
.normal{
    font-weight:normal!important;
}

.line-height-22, .lineH22 {
    line-height:22px;
}
.line-height-180, .lineH180 {
    line-height:180%;
}
.line-height-190, .lineH190 {
    line-height:190%;
}
.line-height-200, .lineH200 {
    line-height:200%;
}

/*color*/
.color-ccc {
    color:#ccc!important;
}
.color-666 {
    color:#666!important;
}
.color-999 {
    color:#999!important;
}
.color-red {
    color:#C00!important;
}
.color-blue {
    color:blue!important;
}
.color-black {
    color:black!important;
}
.color-white {
    color:white!important;
}
.color-orange{
    color:#EF7814;
}

/*margin/padding/space*/
.margin-0, .mar0 {
    margin:0!important;
}
.margin-10, .mar10 {
    margin:10px;
}
.margin-auto, .marA {
    margin:0 auto;
}
.margin-left-10, .marL10 {
    margin-left:10px;
}
.margin-right-10, .marR10 {
    margin-right:10px;
}
.margin-bottom-10, .marB10 {
    margin-bottom:10px;
}
.margin-top-10, .marT10 {
    margin-top:10px;
}
.padding-0, .pad0 {
    padding:0!important;
}
.padding-10, .pad10 {
    padding:10px;
}
.padding-left-10, .padL10 {
    padding-left:10px;
}
.padding-right-10, .padR10 {
    padding-right:10px;
}
.padding-bottom-10, .padB10 {
    padding-bottom:10px;
}
.padding-top-10, .padT10 {
    padding-top:10px;
}

/*form*/
.width-28px {
    width:28px;
    margin:0 4px;
}
.width-100 {
    width:100%!important;
}
.width-200px {
    width:200px!important;
}
.input-code {
    width:40px;
    text-align:center;
    margin-right:8px;
}
.space-05 {
    height:5px;
    overflow:hidden;
}
.space-10 {
    height:10px;
    overflow:hidden;
}
.space-20 {
    height:20px;
    overflow:hidden;
}
.space-30 {
    height:30px;
    overflow:hidden;
}


/*img样式*/
img { border: 0 none; vertical-align: top; }



/*HTML5 Tag styles*/
article,footer,header,hgroup,nav {
    display: block;
}
aside {}
command {}
details {}
figcaption {}
figure {}
footer {}
header {}
hgroup {}
mark {}
meter {}
nav {}
progress {}
ruby {}
rt {}
rp {}
section {}
time {}
summary {}
wbr {}